<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
<title>模块名 课程-答疑</title>

<%@ include file="/common/commonLib.jsp"%>
<link rel="stylesheet" type="text/css" href="<c:url value='/css/forum-module-index.css'/>" />
<link rel="stylesheet" type="text/css" href="<c:url value='/wangEditor/dist/css/wangEditor.css'/>" />

<script src="<c:url value='/js/forum-module-index.js'/>" type="text/javascript" charset="utf-8"></script>

</head>
<body>
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<%@include file="/common/header.jsp"%>
			</div>
			<div class="col-md-12">
				<%@include file="common/courseHeader.jsp"%>
			</div>
			<div class="col-md-3">
				<%@include file="common/courseLeft.jsp"%>
			</div>
			<div class="col-md-9">
				<%@include file="common/courseNavbar.jsp"%>
			</div>
			<div class="col-md-9">
				<!-- 课程-答疑-版块-内容 -->
				<div class="forum-module-index">
					<div class="row">
						<div id="postUrl" class="bm cl">
							<div class="z">
								<a href="#" class="nvhm" title="首页"></a>
								<em>></em>
								<a id="current-module-title">学习心得</a>
							</div>
						</div>
					</div>
					<div class="row" style="border: 1px solid #ccc;margin:5px 0;">
						<div class="col-md-12" style="margin-bottom: 5px;">
							<div>
								<h1 style="display:inline;">学习心得</h1>
								<div class="accordion-heading" style="float:right;width: 2rem;text-align: center;">
									<a class="accordion-toggle collapsed" data-toggle="collapse" href="#accordion-element-830851">
										<i id="show-module-description" class="fa fa-chevron-circle-right"></i>
									</a>
								</div>							
								<span style="float:right;display:none;">
									<!-- TODO: -->
									<input type="button" id="manage-module-info" class="btn btn-primary" value="管理信息">
								</span>
							</div>
							<div>
								<div>版主:<span><a>王一</a></span></div>
								<div id="accordion-element-830851" class="accordion-body collapse">
									<div class="accordion-inner" style="word-wrap: break-word;">
										版块描述...
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-8"></div>
						<!-- TODO: -->
						<div class="col-md-2" style="text-align: right;">
							<input style="display:none;" type="button" id="manage-module-post" class="btn btn-primary" value="管理帖子">
						</div>
						<div class="col-md-2" style="text-align: right;">
							<input type="button" id="creat-new-post-btn" class="btn btn-primary" value="创建帖子">
						</div>
					</div>
					<div class="row">
						<!--版块列表 -->
						<div class="col-md-12">
							<table class="table table-hover">
								<thead>
									<!-- 可以不要表头 -->
									<tr>
										<th class="col1">帖名</th>
										<th class="col2">描述</th>
										<th class="col3">创建者</th>
										<th class="col4">查看/回复</th>
										<th class="col3">最新评论</th>
									</tr>
								</thead>
								<tbody id="moduleList">
									<tr>
										<td>学习心得</td>
										<td>交换学习心得</td>
										<td class="special-td">
											<cite style="display:block;">
												<a>王慧朝</a>
											</cite>
											<em style="display:block;">2018-01-17 13:00</em>
										</td>
										<td class="special-td">
											<a>查看：<span>55</span></a>
											<em style="display:block;">回复：<span>5</span></em>
										</td>
										<td class="special-td">
											<a>王一</a>
											<em style="display:block;">一小时前</em>
										</td>
									</tr>
									<tr>
										<td>学习心得</td>
										<td>交换学习心得</td>
										<td class="special-td">
											<cite style="display:block;">
												<a>王慧朝</a>
											</cite>
											<em style="display:block;">2018-01-17 13:00</em>
										</td>
										<td class="special-td">
											<a>查看：<span>55</span></a>
											<em style="display:block;">回复：<span>5</span></em>
										</td>
										<td class="special-td">
											<a>王一</a>
											<em style="display:block;">一小时前</em>
										</td>
									</tr>
									<tr>
										<td>学习心得</td>
										<td>交换学习心得</td>
										<td class="special-td">
											<cite style="display:block;">
												<a>王慧朝</a>
											</cite>
											<em style="display:block;">2018-01-17 13:00</em>
										</td>
										<td class="special-td">
											<a>查看：<span>55</span></a>
											<em style="display:block;">回复：<span>5</span></em>
										</td>
										<td class="special-td">
											<a>王一</a>
											<em style="display:block;">一小时前</em>
										</td>
									</tr>
								</tbody>
							</table>
							<!-- 分页 -->
							<div class="page-content">
								<nav class="pagination" role="navigation">
									<a class="last-page"> <i class="fa fa-angle-left"></i>
									</a> <span class="page-number">第1页/共7页</span> <a class="next-page">
										<i class="fa fa-angle-right"></i>
									</a>
								</nav>
							</div>

						</div>
					</div>
				</div>
				<!-- 内容 end -->
			</div>

		</div>
	</div>


	<!-- 帖子创建 -->
	<div class="row" id="create-new-post-layer" style="display: none;">
		<div class="col-md-1"></div>
		<div class="col-md-10 course-forum-creat">
			<div class="row">
				<div class="col-md-12">
					<!-- 帖子标题 -->
					<label for="">帖子标题</label> <input type="text" class="form-control" name="post-name">
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">
					<label for="">描述</label>
				</div>
				<div class="col-md-12">
					<div id="editor-task"></div>
				</div>
			</div>
			<div class="row" style="margin-top: 2rem; margin-bottom: 2rem; text-align: center;">
				<input type="button" id="post-creat-btn" class="btn btn-success" value="发表">
			</div>
		</div>
		<div class="col-md-1"></div>
	</div>
	
	<!-- 版块信息管理 --><!-- 暂定弹窗，感觉新的页面好一点 -->
	<div class="row" id="module-info-manage-layer" style="display: none;">
		<div class="col-md-1"></div>
		<div class="col-md-10 course-forum-creat">
			<div class="row">
				<div class="col-md-12">
					<!-- 帖子标题 -->
					<label for="">版块名称</label>
					<input type="text" class="form-control" name="module-name">
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">
					<label for="">描述</label>
				</div>
				<div class="col-md-12">
					<div id="editor-answer"></div>
				</div>
			</div>
			<div class="row" style="margin-top: 2rem; margin-bottom: 2rem; text-align: center;">
				<input type="button" id="edit-module-btn" class="btn btn-success" value="编辑">
			</div>
		</div>
		<div class="col-md-1"></div>
	</div>
	
	<!-- 版块帖子管理 --><!-- 暂定弹窗，感觉新的页面好一点 -->
	<div class="row" id="module-post-manage-layer" style="display: none;">
		<div class="col-md-1"></div>
		<div class="col-md-10">
			<div class="row">
				<div class="col-md-12">
					<table class="table table-hover">
						<thead>
							<tr>
								<td>名称</td>
								<td>创建者</td>
								<td>
									<a style="display:inline;">
										<em>全选</em><input type="checkbox" value="NO"/>
									</a>
								</td>
							</tr>
						</thead>
						<tbody id="module-manage-list">
							<tr>
								<td>帖子1</td>
								<td>创建者</td>
								<td><input type="checkbox" value="NO" /></td>
							</tr>
							<tr>
								<td>帖子2</td>
								<td>创建者</td>
								<td><input type="checkbox" value="NO" /></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="col-md-12" style="margin-top: 2rem; margin-bottom: 2rem; text-align: center;">
					<a style="display:inline;"><input type="radio" name="" value="NO" />删除版块</a>
					<a><input type="radio" name="" value="NO" />隐藏版块</a>
				</div>
				<div class="col-md-12" style="margin-top: 2rem; margin-bottom: 2rem; text-align: center;">
					<input type="button" id="module-post-change-btn" class="btn btn-success" value="确定">
				</div>
			</div>
		</div>
		<div class="col-md-1"></div>
	</div>
	
	<%@include file="/common/footer.jsp"%>

	<script src="<c:url value='/wangEditor/dist/js/wangEditor.js'/>" type="text/javascript" charset="utf-8"></script>
</body>
<script>
	$(document).ready(function() {
		init();
		initAnswer();
	})
</script>
</html>